footer {
  padding-top: 35px;
  min-height: 113px;
  background-color: #3b3b3b;
  color: #68686c; }

footer .left {
  margin-bottom: 30px; }
  footer .left ul li {
    float: left;
    margin-right: 14px;
    margin-bottom: 15px; }

footer .right .space {
  margin: 0 7px; }

footer .right .Alllink {
  position: relative;
  margin-top: 5px;
  text-align: right;
  float: right;
  width: 155px;
  height: 55px; }
  footer .right .Alllink .slide_top {
    display: none;
    position: absolute;
    width: 140px;
    height: 155px;
    top: -170px;
    left: 15px;
    padding: 10px 5px;
    background: #FFFFFF;
    transition: all .5s linear; }
    footer .right .Alllink .slide_top i {
      position: absolute;
      top: 98%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      color: #FFFFFF; }
  footer .right .Alllink a {
    margin-left: 8px;
    display: inline-block; }
    footer .right .Alllink a:hover + .slide_top {
      display: block; }
  footer .right .Alllink .qq {
    text-align: center;
    left: 65px; }
    footer .right .Alllink .qq img {
      width: 70px;
      display: block;
      margin: 0 auto; }
  footer .right .Alllink .e-mail {
    padding-top: 36px;
    text-align: left;
    left: -35px;
    font-weight: 600; }
    footer .right .Alllink .e-mail p {
      margin-left: 5px;
      margin-bottom: 15px; }

@media (max-width: 480px) {
  .Alllink {
    display: none; }
  .left {
    text-align: center; }
    .left ul {
      width: 210px;
      margin: 0 auto; } }

@media (max-width: 992px) {
  .right .space {
    margin: 0 8px; } }
